﻿<template>
    <div class=" brand-box">
        <el-form>
            <table border="1" style="text-align: center  ; border-collapse: collapse">
                <tr>
                    <td style="height: 50px" colspan="2">促销活动名称：
                        <el-input v-model="PromotionFindClaim.promotionName"
                                  placeholder="促销活动名称"
                                  style="width: 200px;">
                        </el-input>
                    </td>
                    <td colspan="2">促销活动开始时间：
                        <el-date-picker v-model="PromotionFindClaim.promotionTime" type="datetime"
                                        placeholder="选择日期时间">
                        </el-date-picker>
                    </td>
                    <td colspan="2">审核状态：
                        <el-select v-model="PromotionFindClaim.approvalStatus" placeholder="请选择">
                            <el-option label="未审批" :value="1"></el-option>
                            <el-option label="已审批" :value="2"></el-option>
                            <el-option label="审批不通过" :value="3"></el-option>
                        </el-select>
                    </td>
                </tr>
                <tr style="height: 50px">
                    <td colspan="6" style="text-align: center">
                        <el-button round type="primary" @click="findPageCondition">查询</el-button>
                        <el-button round type="info" @click="rest">重置</el-button>
                    </td>
                </tr>
                <tr>
                    <td style="height: 50px" colspan="6">
                    <el-button round type="primary" icon="el-icon-circle-plus-outline" @click="addPromotion">
                        新增促销活动申请单
                    </el-button>
                    </td>
                </tr>
                <tr>
                    <td colspan="6" style="text-align: center">
                        <el-table :data="pageDate" style="width: 100%" max-height="100%">
                            <el-table-column fixed prop="promotionId" label="序号" width="80"></el-table-column>
                            <el-table-column prop="promotionName" label="活动名称" width="250"></el-table-column>
                            <el-table-column prop="promotionStarttime" label="促销活动开始时间" width="250"></el-table-column>
                            <el-table-column prop="goodName" label="促销商品名字" width="250"></el-table-column>
                            <el-table-column prop="promotionPrice" label="促销价格" width="120"></el-table-column>
                            <el-table-column prop="priceTaketime" label="价格生效时间" width="250"></el-table-column>
                            <el-table-column prop="promotionApprovalStatus" label="审批状态" width="120"></el-table-column>

                            <el-table-column prop="handle" label="操作" width="370">
                                <template v-slot="index2">
                                    <el-button round type="primary" icon="el-icon-document-copy" size="mini"
                                               @click="lookPromotion(index2.row.promotionId)">查看
                                    </el-button>
                                    <el-button round type="warning" icon="el-icon-edit" size="mini"
                                               @click="updatePromotion(index2.row.promotionId)">修改
                                    </el-button>
                                    <el-button round type="danger" icon="el-icon-delete" size="mini"
                                               @click="deletepromotion(index2.row.promotionId)">删除
                                    </el-button>
                                    <el-button round type="success" icon="el-icon-finished" size="mini">审核跟踪</el-button>
                                </template>
                            </el-table-column>
                        </el-table>
                    </td>
                </tr>
                <tr>
                    <td colspan="6" style="height: 50px">
                        <el-pagination background
                                       :current-page="PromotionFindClaim.current"
                                       :page-size="PromotionFindClaim.size"
                                       layout="prev, pager, next"
                                       @current-change="pagefindInfo"
                                       :total="totalPage">
                        </el-pagination>
                    </td>
                </tr>
            </table>
        </el-form>
    </div>
</template>

<script>
    import brand from './Promotion'

    export default brand;
</script>

<style scoped lang="sass">
    @import "Promotion"
</style>